.footer-box {
  position: absolute;
  bottom: 0rem;
  height: 1rem;
  width: 100%;
  border-top: 1px solid #cccccc;
}
.footer-box > .comment-input {
  font-size: 0.24rem;
  margin: 0.2rem;
  background-color: #eeeeee;
  height: 0.6rem;
  line-height: 0.6rem;
  border-radius: 1000rem;
  cursor: pointer;
  color: #6c757d;
  padding: 0rem 0.2rem;
}
.footer-box > .comment-detail {
  position: fixed;
  bottom: 0rem;
  top: 0rem;
  left: 0rem;
  right: 0rem;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
}
.footer-box > .comment-detail > .user-input {
  position: absolute;
  bottom: 0rem;
  top: 7.5rem;
  left: 0rem;
  right: 0rem;
  padding: 0.2rem;
  background-color: #f8f9fa;
  overflow-y: auto;
}
.footer-box > .comment-detail > .user-input > h4 {
  font-size: 0.28rem;
  font-weight: normal;
  color: #6c757d;
  padding-bottom: 0.1rem;
}
.footer-box > .comment-detail > .user-input > .user-head {
  list-style: none;
  font-size: 0rem;
  width: 100%;
  overflow-y: scroll;
  height: 2rem;
  background-color: #ddd;
  border-radius: 0.2rem;
  margin-bottom: 0.2rem;
}
.footer-box > .comment-detail > .user-input > .user-head > li {
  display: inline-block;
  background-repeat: no-repeat;
  width: 0.8rem;
  height: 0.8rem;
  margin: 0.1rem;
  box-sizing: border-box;
  background-size: cover;
  border-radius: 50%;
  vertical-align: top;
}
.footer-box > .comment-detail > .user-input > .user-head > .user-choose::after {
  content: "";
  background-image: url();
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
}
.footer-box > .comment-detail > .user-input > .user-nikename {
  box-sizing: border-box;
  border: none;
  background-color: #ddd;
  display: block;
  font-size: 0.24rem;
  padding: 0.2rem 0.2rem;
  width: 100%;
  border-radius: 0.2rem;
  outline: none;
  margin-bottom: 0.2rem;
}
.footer-box > .comment-detail > .user-input > .reset-star {
  margin-bottom: 0.2rem;
}
.footer-box > .comment-detail > .user-input > .reset-star > span {
  height: 0.4rem!important;
  width: 0.4rem!important;
  line-height: 0.4rem!important;
}
.footer-box > .comment-detail > .user-input > .reset-star > .star-source {
  font-size: 0.52rem!important;
  color: #6c757d !important;
}
.footer-box > .comment-detail > .user-input .user-message {
  outline: none;
  border: none;
  display: block;
  width: 100%;
  background-color: #ddd;
  font-size: 0.24rem;
  padding: 0.2rem 0.2rem;
  border-radius: 0.2rem;
  box-sizing: border-box;
  height: 2rem;
  margin-bottom: 0.2rem;
}
.footer-box > .comment-detail > .user-input .send-btn {
  color: #6c757d;
  font-size: 0.3rem;
}
.footer-box > .comment-detail > .user-input .send-btn > span {
  float: right;
  padding: 0.1rem 0.2rem;
  cursor: pointer;
}
